<template>
  <el-card shadow="never">
      <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
        <el-tab-pane label="题目" name="tm">
          <depress-question-drawer-questions
              :ruleForm="props.ruleForm"
          ></depress-question-drawer-questions>
        </el-tab-pane>
        <el-tab-pane label="选项" name="option">
          <depress-question-drawer-options
              :questionId="props.questionId"
              :questionOptions="props.questionOptions"
          >
          </depress-question-drawer-options>
        </el-tab-pane>
<!--        <el-tab-pane label="解析" name="solution">-->
          <!--      解析-->
          <!--      <depress-question-drawer-solution-->
          <!--          :questionId="props.questionId"-->
          <!--          :questionSolution="props.questionSolution"-->
          <!--      >-->
          <!--      </depress-question-drawer-solution>-->
<!--        </el-tab-pane>-->
      </el-tabs>




  </el-card>
</template>

<script lang="ts" setup>
import {reactive, ref} from 'vue'
import DepressQuestionDrawerQuestions from "@/views/depress/DepressQuestionDrawerQuestions.vue";
import {DepressQuestion} from "@/apis/model/depress/DepressQuestionModel";
import DepressQuestionDrawerOptions from "@/views/depress/DepressQuestionDrawerOptions.vue";
import DepressQuestionDrawerSolution from "@/views/depress/DepressQuestionDrawerSolution.vue";
import {DepressOptions} from "@/apis/model/depress/DepressOptionsModel";
import {DepressSolution} from "@/apis/model/depress/DepressSolutionModel";

interface Props {
  questionId: number,
  ruleForm: DepressQuestion,
  questionOptions: {
    total: number,
    list: Array<DepressOptions>
  },
  questionSolution: DepressSolution
}

// 传递过来的参数
const props = defineProps<Props>();

const activeName = ref('tm')
</script>

<style>
</style>
